<!-- 任务调度页面 -->
<template>
	<view class="body">
		<view class="hw_msg">
			<view class="item_top">
				<view class="view_pai">
					<text class="text_pai">运输信息</text>
				</view>
				<view class="line"></view>
			</view>
			<view class="info-item">
				<text class="text">运输货物:</text>
				<text class="value">{{options.hw_name.toString()}}</text>
			</view>
			<view class="info-item">
				<text class="text">装货日期:</text>
				<text class="value">{{options.createTime}}</text>
			</view>
			<view class="info-item">
				<text class="text">卸货日期:</text>
				<text class="value">{{options.updateTime}}</text>
			</view>
			<view class="info-item">
				<text class="text">装货地点:</text>
				<text class="value">{{options.zh_address.toString()}}</text>
			</view>
			<view class="info-item">
				<text class="text">收货地点:</text>
				<text class="value">{{options.sh_address.toString()}}</text>
			</view>
			<view class="info-item">
				<text class="text">运输路线:</text>
				<text class="value">{{options.lineName}}</text>
			</view>
			<view class="info-item">
				<text class="text">货物重量:</text>
				<text class="value">{{options.goodsWeight}}吨</text>
			</view>
			<view class="info-item" style="border: none;">
				<text class="text">线路里程:</text>
				<text class="value">{{options.lineMileage}}千米</text>
			</view>
		</view>
		<view class="hw_msg" style="margin-top: 20rpx;">
			<view class="item_top">
				<view class="view_pai">
					<text class="text_pai">调度信息</text>
				</view>
				<view class="line"></view>
			</view>
			<view class="info-item">
				<text class="text">车牌号</text>
				<input class="input" type="text" v-model="dd_map.vehCode" @input="(e)=>inputSearch(e,1)"
					placeholder="请输入车牌号" />
				<select-task ref="child1" @change="vehCodeChange"></select-task>
			</view>
			<view class="errview" v-if="dd_map.vehCodeErrmsg!=''"><text>{{dd_map.vehCodeErrmsg}}</text></view>
			<view class="info-item">
				<text class="text">挂车牌号</text>
				<input class="input" type="text" @input="(e)=>inputSearch(e,2)" v-model="dd_map.trailerVehCode"
					placeholder="请输入挂车牌号" />
				<select-task ref="child2" @change="trailerVehCodeChange"></select-task>
			</view>
			<view class="errview" v-if="dd_map.trailerVehCodeErrmsg!=''"><text>{{dd_map.trailerVehCodeErrmsg}}</text>
			</view>
			<view class="info-item">
				<text class="text">驾驶员</text>
				<input class="input" type="text" v-model="dd_map.driverName" @input="(e)=>inputSearch(e,3)"
					placeholder="请输入驾驶员" />
				<select-task ref="child3" @change="driverNameChange"></select-task>
			</view>
			<view class="errview" v-if="dd_map.driverNameErrmsg!=''"><text>{{dd_map.driverNameErrmsg}}</text></view>
			<view class="info-item" style="border: none;">
				<text class="text">押运员</text>
				<input class="input" type="text" @input="(e)=>inputSearch(e,4)" v-model="dd_map.escortName"
					placeholder="请输入押运员" />
				<select-task ref="child4" @change="escortNameChange"></select-task>
			</view>
			<view class="errview" v-if="dd_map.escortNameErrmsg!=''"><text>{{dd_map.escortNameErrmsg}}</text></view>
		</view>
		<view class="add-btns">
			<view class="btn-cancel" @click="clickCancel()">
				<text>取 消</text>
			</view>
			<view class="btn-submit" @click="clickOk()">
				<text>确 认</text>
			</view>
		</view>
		<modal-confirm :data="confirmData" :visible.sync="showDialog" @confirm="commit" @cancel="cancelJc">
		</modal-confirm>
	</view>
</template>

<script>
	import selectTask from '@/components/tool-select/select-task.vue';
	import modalConfirm from '@/components/tool_task/show-log.vue';
	export default {
		data() {
			return {
				showDialog: false,
				confirmData: {
					title: '提示信息',
					content: "运输任务调度存在异常是否继续提交?"
				},
				dd_map: {
					vehCode: '', //车牌号
					trailerVehCode: '', //挂车牌号
					driverName: '', //驾驶员
					escortName: '', //押运员

					vehId: '',
					vehColor: '',
					mgrArea: '',

					gvehId: '',
					gvehColor: '',
					gmgrArea: '',


					vehCodeErrmsg: '',
					trailerVehCodeErrmsg: '',

					idCard: '',
					empInfoId: '',
					qualificaCategoryNo: '',


					yidCard: '',
					yempInfoId: '',
					yqualificaCategoryNo: '',

					driverNameErrmsg: '',
					escortNameErrmsg: '',


				}, //调度map
				options: {
					hw_name: [], //货物名称s
					zh_address: [], //详细地址
					sh_address: [], //详细地址
					createTime: '', //装货日期
					updateTime: '', //卸货日期
					lineName: '', //线路名称
					goodsWeight: 0, //重量
					lineMileage: '', //线路里程

				},
				busiTaskgoodsList: [],
				vehCodeList: [],
				dataMap: {}, //调度列表传过来的  创建任务过来的

			};
		},
		components: {
			selectTask,
			modalConfirm
		},
		onLoad: function(option) { //option为object类型，会序列化上个页面传递的参数
			var _this = this
			//type: 1创建任务过来的  2 调度列表过来的
			if (option.type == 1) {
				_this.dataMap = option
				_this.busiTaskgoodsList = JSON.parse(decodeURIComponent(option.busiTaskgoodsList))
				_this.options.hw_name = JSON.parse(decodeURIComponent(option.hWmc))

				_this.options.zh_address = JSON.parse(decodeURIComponent(option.zAddress))

				_this.options.sh_address = JSON.parse(decodeURIComponent(option.sAddress))
				_this.options.createTime = option.zHrq
				_this.options.updateTime = option.xHrq
				_this.options.lineName = option.lineName
				_this.options.lineMileage = option.xLlc
				var goodsWeight = JSON.parse(decodeURIComponent(option.goodsWeight))

				goodsWeight.forEach(item => {
					_this.options.goodsWeight = _this.options.goodsWeight + parseFloat(item)
				})

			} else {
				_this.dataMap = option
			}


		},
		mounted() {
			if (this.dataMap.type == 2) {
				this.getDetail()
			}
		},
		onUnload() {
			console.log(this.dataMap.type)
		   if (this.dataMap.typea == 2) {
		  this.$goBack(1, 1)
		 //   // uni.navigateBack({
		 //   //   delta: 1
		 //   // });
		 
		   }
		
		   
		  },
		 //   onBackPress() {
		 //      // 进行自定义逻辑判断，例如判断当前页面是否允许返回
			//   console.log('ajskj')
			//   if (this.dataMap.type == 2) {
			  		  
			// this.back();
			// 	return true
			  		 
			//   }
		 //      // if (shouldBlockBack()) {
		 //      //   // 如果不允许返回，则阻止默认返回行为
		 //      //   return false;
		 //      // } else {
		 //      //   // 允许返回，则执行默认返回操作
		 //      //   return true;
		 //      // }
		 //    },
		methods: {
			// back() {
			// 		uni.switchTab({
			// 			url: '/pages/task/jy_ts_mg'
			// 		})
			// 	},
			inputSearch(e, num) {
				var value = e.detail.value
				// 输入框防抖
				clearTimeout(this.debounceTimer);
				// 每次进来的时候都将之前的清除掉，如果还没到毫秒的时候就将之前的清除掉，这样就不会触发之前setTimeout绑定的事件， 如果超过毫秒，之前的事件就会被触发下次进来的时候同样清除之前的timer
				this.debounceTimer = setTimeout(() => {
					//输入框没值了，清空搜索框条件数据
					if (!value) {
						// 设置为初始状态
						return;
					}
					if (num == 1) {
						// 触发查询事件
						this.requstCar(value, '', '10')
					} else if (num == 2) {
						// 触发查询事件
						this.requstCar('', value, '11')
					} else if (num == 3) {
						// 触发查询事件
						this.requstPerson(value, '', '12')
					} else if (num == 4) {
						// 触发查询事件
						this.requstPerson('', value, '13')
					}

				}, 1000)
			},
			clickCancel() {
				if (this.dataMap.type == 2) {
					this.$goBack(1, 1)
				} else {
					let pages = getCurrentPages(); // 当前页面  
					let beforePage = pages[pages.length - 3]; // 上上页
					uni.navigateBack({
						delta: 2, // 上上页
						success: () => {
							beforePage.$vm.reload();
						}
					});
				}
			},
			getDetail() {
				this.$api.ddDetail({
					'id': this.dataMap.id,
					'taskId': this.dataMap.taskId,
					'dispCheckId': this.dataMap.dispCheckId
				}).then(res => {
					if (res.data.code == 200) {
						var busiTaskgoodsList = res.data.data.busiTaskgoodsList

						this.busiTaskgoodsList = res.data.data.busiTaskgoodsList
						busiTaskgoodsList.forEach((item, index) => {
							this.options.hw_name.push(item.ownerGoodsAlias)
						})

						var busiTaskaddrList = res.data.data.busiTaskaddrList

						busiTaskaddrList.forEach((item, index) => {
							if (item.addrType == 1) {
								this.options.zh_address.push(item.addr)
							} else {
								this.options.sh_address.push(item.addr)
							}
						})
						this.options.createTime = res.data.data.createTime
						this.options.updateTime = res.data.data.updateTime
						this.options.lineName = res.data.data.lineName
						this.options.goodsWeight = res.data.data.goodsWeight
						this.options.lineMileage = res.data.data.lineMileage

					} else {
						uni.showToast({
							title: '服务异常',
							icon: 'none'
						})
					}
				}).catch(res => {})
			},
			cancelJc() {},
			commit() {
				this.$api.ddCommit({
					'dispCheckId': this.dataMap.type == 1 ? '' : this.dataMap.dispCheckId,
					'taskId': this.dataMap.taskId,
					'mattersAttention': "",
					'busiDispcheck': this.getBusiDispcheck()
				}).then(res => {
					if (res.data.code == 200) {
						let pages = getCurrentPages(); // 当前页面    
						if (this.dataMap.type == 2) {
							let beforePage = pages[pages.length - 2]; // 上一页
							uni.navigateBack({
								delta: 2, // 上一页
								success: () => {
									uni.showToast({
										title: '已通知驾押人员填写出车前日志',
										icon: 'none'
									})
									beforePage.$vm.reload();
								}
							});
						} else {
							let beforePage = pages[pages.length - 3]; // 上上页
							uni.navigateBack({
								delta: 2, // 上上页
								success: () => {
									uni.showToast({
										title: '已通知驾押人员填写出车前日志',
										icon: 'none'
									})
									beforePage.$vm.reload();
								}
							});
						}


					} else {
						uni.showToast({
							title: '服务异常',
							icon: 'none'
						})
					}
				}).catch(res => {});
			},
			getBusiDispcheck() {
				var map = {
					"dispCheckId": this.dataMap.type == 2 ? this.dataMap.dispCheckId : "",
					"driverEmpInfoId": this.dd_map.empInfoId,
					"driverName": this.dd_map.driverName.split("(")[0],
					"driverMobilePhone": "",
					"escortEmpInfoId": this.dd_map.yempInfoId,
					"escortName": this.dd_map.escortName.split("(")[0],
					"escortMobilePhone": "",
					"vehId": this.dd_map.vehId,
					"vehCode": this.dd_map.vehCode,
					"vehColor": this.dd_map.vehColor,
					"trailerId": this.dd_map.gvehId,
					"trailerVehCode": this.dd_map.trailerVehCode
				};
				return map;
			},
			clickOk() {
				if (this.dd_map.vehCode == '') {
					uni.showToast({
						title: '请输入车牌号',
						icon: 'none'
					})
					return;
				}
				if (this.dd_map.tonnage == 0 && this.dd_map.trailerVehCode == '') {
					uni.showToast({
						title: '请输入挂车牌号',
						icon: 'none'
					})
					return;
				}
				if (this.dd_map.driverName == '') {
					uni.showToast({
						title: '请输入驾驶员',
						icon: 'none'
					})
					return;
				}
				if (this.dd_map.escortName == '') {
					uni.showToast({
						title: '请输入押运员',
						icon: 'none'
					})
					return;
				}
				if (this.dd_map.driverName === this.dd_map.escortName) {
					uni.showToast({
						title: '驾押人员不能为同一人',
						icon: 'none'
					})
					return;
				}
				if (this.dd_map.vehCodeErrmsg != '' || this.dd_map.trailerVehCodeErrmsg != '' || this.dd_map
					.driverNameErrmsg != '' || this.dd_map.escortNameErrmsg != '') {
					this.showDialog = true
				} else {
					this.commit()
				}
			},
			//驾驶员
			driverNameChange(res) {
				let item = res.item;
				this.dd_map.driverName = item.name;
				this.dd_map.idCard = item.idCard;
				this.dd_map.empInfoId = item.empInfoId
				this.dd_map.qualificaCategoryNo = item.qualificaCategoryNo
				this.yzPersons(item.empInfoId, '', 1)
			},
			//任务调度驾驶员、押运员是否符合标准
			yzPersons(truckerEmpInfoId, escortEmpInfoId, type) {
				this.$api.yzPerson({
					'truckerEmpInfoId': truckerEmpInfoId,
					'escortEmpInfoId': escortEmpInfoId,
					'busiTaskgoodsList': this.busiTaskgoodsList
				}).then(res => {
					if (res.data.code == 200) {
						//1是驾驶员 2是押运员
						if (type == 1) {
							var truckerErrorMsg = value.data['data']['truckerErrorMsg']; //司机错误信息
							if (truckerErrorMsg != "") {
								this.dd_map.driverNameErrmsg = truckerErrorMsg;
							} else {
								this.dd_map.driverNameErrmsg = ''
							}
						} else {
							var escortErrorMsg = value.data['data']['escortErrorMsg']; //押运错误信息
							if (escortErrorMsg != "") {
								this.dd_map.escortNameErrmsg = escortErrorMsg
							} else {
								this.dd_map.escortNameErrmsg = ''
							}
						}
					} else {
						uni.showToast({
							title: '暂无数据!'
						})
					}
				}).catch(res => {});
			},
			//押运员
			escortNameChange(res) {
				let item = res.item;
				var idCard = item.idCard
				this.dd_map.escortName = item.name
				this.dd_map.yidCard = item.idCard
				this.dd_map.yempInfoId = item.empInfoId
				this.dd_map.yqualificaCategoryNo = item.qualificaCategoryNo
				this.yzPersons('', item.yempInfoId, 2)
			},
			//车牌号
			vehCodeChange(res) {
				let item = res.item;
				this.dd_map.trailerVehCode = item.trailerVehCode
				this.dd_map.gvehId = item.trailerVehId
				this.dd_map.vehCode = item.vehCode
				this.dd_map.vehId = item.vehId
				this.dd_map.vehColor = item.vehColor
				this.dd_map.mgrArea = item.mgrArea
				this.dd_map.tonnage = item.tonnage

				this.getBindMsg()
				this.getJsyPerson();
				this.getYyyPerson();
			},
			//获取驾驶员信息
			getJsyPerson() {
				this.$api.JYPerson({
					'vehId': this.dd_map.vehId,
					'personnelType': "1"
				}).then(res => {
					if (res.data.code == 200) {
						var listdata = res.data.data;
						if (listdata.length > 0) {
							// this.jsyPerson.fullName = listdata[0].fullName;
							// this.jsyPerson.empInfoId = listdata[0].empInfoId;
							// this.jsyPerson.mobilePhone = listdata[0].mobilePhone;
							this.dd_map.driverName = listdata[0].fullName;
							this.dd_map.empInfoId = listdata[0].empInfoId;
							// this.dd_map.qualificaCategoryNo = item.qualificaCategoryNo
						} else {
							this.dd_map.driverName = "";
							this.dd_map.empInfoId = "";
							// this.jsyPerson.mobilePhone = "";
						}
					}
				}).catch(res => {
			
				});
			},
			//获取押运员信息
			getYyyPerson() {
				this.$api.JYPerson({
					'vehId': this.dd_map.vehId,
					'personnelType': "2"
				}).then(res => {
					if (res.data.code == 200) {
						var listdata = res.data.data;
						if (listdata.length > 0) {
							// this.yyyPerson.fullName = listdata[0].fullName;
							// this.yyyPerson.empInfoId = listdata[0].empInfoId;
							// this.yyyPerson.mobilePhone = listdata[0].mobilePhone;
							this.dd_map.escortName = listdata[0].fullName
							this.dd_map.yempInfoId = listdata[0].empInfoId
								console.log(listdata,666789)
							// this.dd_map.yqualificaCategoryNo = item.qualificaCategoryNo
						} else {
							this.dd_map.escortName = "";
							this.dd_map.yempInfoId = "";
							// this.yyyPerson.mobilePhone = "";
						}
					}
				}).catch(res => {});
			},
			//企业人员查询车辆后查询是否绑定其它信息的接口
			getBindMsg() {
				this.$api.bindCarMsg({
					'taskId': this.dataMap.taskId,
					'vehId': this.dd_map.vehId,
					'vehCode': this.dd_map.vehCode,
					'busiTaskgoodsList': this.busiTaskgoodsList
				}).then(res => {
					if (res.data.code == 200) {
						var data = res.data.data
						var trailer = data["trailer"]; //挂车
						var vehErrorMsg = data["vehErrorMsg"]; //车牌提示信息
						var trailerErrorMsg = data["trailerErrorMsg"]; //挂车牌提示信息
						var trucker = data["trucker"]; //驾驶员
						var escort = data["escort"]; //押运员
						if (trailerErrorMsg != "") {
							this.dd_map.trailerVehCodeErrmsg = trailerErrorMsg
						} else {
							this.dd_map.trailerVehCodeErrmsg = ""
						}

						if (vehErrorMsg != '') {
							this.dd_map.vehCodeErrmsg = vehErrorMsg
						} else {
							this.dd_map.vehCodeErrmsg = ""
						}

						if (Object.keys(trailer).length === 0) {
							if (this.dd_map.trailerVehCode != "") {
								this.dd_map.trailerVehCode = "";
								this.dd_map.trailerVehCodeErrmsg = "";
							}
						} else {
							this.dd_map.trailerVehCode = trailer['vehCode'];
							this.dd_map.gvehId = trailer['vehId'];
							this.dd_map.gvehColor = trailer['vehColor'];
							this.dd_map.gmgrArea = trailer['mgrArea'];
						}

						if (Object.keys(trucker).length === 0) {
							if (this.dd_map.driverName != "") {
								this.dd_map.driverName = "";
								this.dd_map.driverNameErrmsg = "";
							}
						} else {
							var idCard = trucker['idCard'];
							this.dd_map.driverName = trucker['name'] + '(' + idCard.toString().substring(idCard
								.toString().length - 6, idCard.toString().length) + ')';

							this.dd_map.idCard = trucker['idCard'];
							this.dd_map.empInfoId = trucker['empInfoId'];
							this.dd_map.qualificaCategoryNo = trucker['qualificaCategoryNo'];

							//如果trucker车牌号map不为空
							var truckerErrorMsg = trucker["truckerErrorMsg"]; //司机错误信息
							if (truckerErrorMsg == '') {
								this.dd_map.driverNameErrmsg = ""
							} else {
								this.dd_map.driverNameErrmsg = truckerErrorMsg;
							}
						}

						if (Object.keys(escort).length === 0) {
							if (this.dd_map.escortName != "") {
								this.dd_map.escortName = "";
								this.dd_map.escortNameErrmsg = "";
							}
						} else {
							var idCard = escort['idCard'];
							this.dd_map.escortName = escort['name'] + '(' + idCard.toString().substring(idCard
								.toString().length - 6, idCard.toString().length) + ')';

							this.dd_map.yidCard = escort['idCard'];
							this.dd_map.yempInfoId = escort['empInfoId'];
							this.dd_map.yqualificaCategoryNo = escort['qualificaCategoryNo'];

							//如果trucker车牌号map不为空
							var escortErrorMsg = escort["escortErrorMsg"]; //司机错误信息
							if (escortErrorMsg == '') {
								this.dd_map.escortNameErrmsg = ""
							} else {
								this.dd_map.escortNameErrmsg = truckerErrorMsg;
							}
						}
					} else {
						uni.showToast({
							title: '暂无数据!'
						})
					}
				}).catch(res => {});
			},
			//挂车牌号
			trailerVehCodeChange(res) {
				let item = res.item;
				this.dd_map.trailerVehCode = item.vehCode
				this.dd_map.gvehId = item.vehId
				this.dd_map.gvehColor = item.vehColor
				this.dd_map.gmgrArea = item.mgrArea
				this.ygGcarMsg()
			},
			ygGcarMsg() {
				this.$api.yzGcar({
					'taskId': this.dataMap.taskId,
					'trailerVehId': this.dd_map.gvehId,
					'trailerVehCode': this.dd_map.trailerVehCode,
					'busiTaskgoodsList': this.busiTaskgoodsList,
				}).then(res => {
					if (res.data.code == 200) {
						var trailerErrorMsg =
							res.data['data']['trailerErrorMsg']; //挂车错误信息(如果没有代表成功)
						if (trailerErrorMsg != "") {

							this.dd_map.trailerVehCodeErrmsg = trailerErrorMsg
						} else {
							this.dd_map.trailerVehCodeErrmsg = ''
						}


					} else {
						uni.showToast({
							title: '暂无数据!'
						})
					}
				}).catch(res => {

				});
			},
			requstPerson(truckerName, escortName, type) {
				if (type == 12) {
					this.$refs.child3.showBox({
						title: "请选择驾驶人员",
						key: truckerName,
						getData: (key) => {
							return new Promise(resolve => {
								const params = {
									'truckerName': key,
									'size': -1
								}
								this.$api.bindPersonMsg(params).then(res => {
									const resData = res.data.data.map(item => {
										let idCard = item.idCard.toString().slice(-6)
										item.$label = item.name + '(' + idCard + ')';
										return item;
									});
									if (resData == '') {
										uni.showToast({
											title: '查无此人',
											icon: 'none'
										})
										// return;
									}
									resolve(resData);
								})
								this.dd_map.driverName = "";
								this.dd_map.empInfoId = "";
							})
						}
					});
				} else {
					this.$refs.child4.showBox({
						title: "请选择押运人员",
						key: escortName,
						getData: (key) => {
							return new Promise(resolve => {
								const params = {
									'escortName': key,
									'size': -1
								}
								this.$api.bindPersonMsg(params).then(res => {
									const resData = res.data.data.map(item => {
										let idCard = item.idCard.toString().slice(-6)
										item.$label = item.name + '(' + idCard + ')';
										return item;
									});
									if (resData == '') {
										uni.showToast({
											title: '查无此人',
											icon: 'none'
										})
										// return;
									}
									resolve(resData);
								})
								this.dd_map.escortName = "";
								this.dd_map.yempInfoId = "";
							})
						}
					});
				}
			},
			requstCar(vehCode, trailerVehCode, num) {
				if (num == 10) {
					//父组件调用子组件方法
					this.$refs.child1.showBox({
						title: "请选择车牌号",
						key: vehCode,
						getData: (key) => {
							return new Promise(resolve => {
								const params = {
									'vehCode': key,
									'size': -1
								}
								this.$api.ddCarMsg(params).then(res => {
									const resData = res.data.data.map(item => {
										item.$label = item.vehCode;
										return item;
									});
									if (resData == '') {
										uni.showToast({
											title: '查无此车',
											icon: 'none'
										})
										// return;
									}
									resolve(resData);
								})
								this.dd_map.vehCode = ''
								this.dd_map.vehId = ''
							})
						}
					});
				} else {
					//父组件调用子组件方法
					this.$refs.child2.showBox({
						title: "请选择挂车牌号",
						key: trailerVehCode,
						getData: (key) => {
							return new Promise(resolve => {
								const params = {
									'trailerVehCode': key,
									'size': -1
								}
								this.$api.ddCarMsg(params).then(res => {
									const resData = res.data.data.map(item => {
										item.$label = item.vehCode;
										return item;
									});
									if (resData == '') {
										uni.showToast({
											title: '查无此车',
											icon: 'none'
										})
										// return;
									}
									resolve(resData);
								})
								this.dd_map.trailerVehCode = ''
								this.dd_map.gvehId =''
							})
						}
					});
				}
			}
		},
	}
</script>

<style lang="scss">
	.body {
		padding: 20rpx;

		.add-btns {
			text-align: center;
			padding: 20rpx 0;

			.btn-cancel,
			.btn-submit {

				display: inline-block;
				margin: 0 30rpx;
				border-radius: 50rpx;
				padding: 0 80rpx;
				font-size: 32rpx;
			}

			.btn-cancel {
				border: 2rpx solid #CCCCCC;
				line-height: 70rpx;
			}

			.btn-submit {
				line-height: 70rpx;
				background-color: $app-color;
			}
		}

		.hw_msg {
			background-color: #FFFFFF;
			border-radius: 20rpx;

			.item_top {
				display: flex;
				height: 100rpx;
				flex-direction: column;

				.view_pai {
					border-left: 5rpx solid $app-color;
					padding-left: 20rpx;
					padding-right: 20rpx;
					height: 30rpx;
					// background-color: #07C160;
					margin-top: 30rpx;
					display: flex;
					align-items: center;
					justify-content: space-between;

					.text_pai {
						font-size: 28rpx;
						font-weight: 700;
					}

					.delect {
						width: 30rpx;
						height: 30rpx;
					}
				}

				.line {
					height: 2rpx;
					margin: 30rpx 20rpx 0rpx 20rpx;
					background-color: #F2F2F2;
				}

			}

			.info-item {
				display: flex;
				margin: 0rpx 20rpx;
				padding: 20rpx 0;
				border-bottom: 2rpx solid #F2F2F2;
				align-items: flex-start;


				.text {
					font-size: 28rpx;
					line-height: 36rpx;

				}

				.text1 {
					font-size: 28rpx;
					line-height: 36rpx;
					color: $app-color;
				}

				.input {
					font-size: 28rpx;
					height: 36rpx;
					line-height: 36rpx;
					// flex: 1;
					padding: 0 20rpx;
				}

				.value {
					margin-left: 15rpx;
					flex: 1;
				}


			}

			.errview {
				margin-left: 20rpx;

				text {
					color: #FF3333;
				}
			}
		}
	}
</style>